<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>


<!DOCTYPE html>
<html>
<head>
<title>无内容文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript" src="${pageContext.request.contextPath }/script/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/script/change.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/shouye.css"  />
<%@include file="/WEB-INF/jsp/public/commons.jspf"%>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/css.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/css1.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/web-ui.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/skin-02.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/style/your-custom.css" />
</head>
 <body style="font-size: 14px; ">
 
 <div id="top">
			<div id="top1">
				<div id="ggl">
					<p>新闻头条</p>
					<div id="zi">
						<textarea>
   2018年全市住房保障和房地产工作会议召开
   3月14日，郑州市房管局召开2018年全市住房保障和房地产工作会议。市局领导班子成员、机关副科级以上干部、局属单位班子成员、各县（市、区）房管部门主要负责同志、房地产行业相关企业、相关协会代表共180余人参加了会议。会议由市住房保障和房地产管理局党组副书记、副局长宋建伟同志主持。
    会议对2017年郑州市房管系统先进集体、先进个人进行了表彰，荥阳市、二七区、管城区房管部门分别就房地产市场管理、房屋租赁管理、物业管理工作作了典型经验介绍。郑州市住房保障和房地产管理局党组书记、局长李德耀同志作了题为《牢记使命 做好答卷 为新时代全市房地产业发展努力奋斗》的工作报告，回顾了2017年全市住房保障和房地产管理工作，分析了郑州市房地产业面临的形势，并按照中央、省、市有关精神就2018年工作任务进行了安排部署。
						</textarea>
					</div>
				</div>
				<div id="tu">
					<p>要&nbsp;&nbsp;闻</p>
					<div id="tu1">
				<!-- 新闻轮播图片部分 -->
	 			<div class="col-sm-11" style="height: 250px">
		 			<div id="myCarousel" class="carousel slide">
	            		<!-- 轮播（Carousel）指标 -->
			            <ol class="carousel-indicators">
			               <li data-target="#myCarousel" data-slide-to="0"></li>
			               <li data-target="#myCarousel" data-slide-to="1"></li>
			               <li data-target="#myCarousel" data-slide-to="2"></li>
			            </ol>
	            		<!-- 轮播（Carousel）项目 -->
			            <div class="carousel-inner">
			            	<s:iterator value="carouselList" status="status">
			            	<div class="item ${status.count==1?'active':''}">
			                    <a href="news_findNews.action?newsid=${news.id}">
			                    	
			                    	<script type="text/javascript">
			                    	
			                    	window.onload = function() {
			                            var list = document.getElementById('list');var prev = document.getElementById('prev');
			                            var next = document.getElementById('next');

			                            function animate(offset) {
			                                //获取的是style.left，是相对左边获取距离，所以第一张图后style.left都为负值，
			                                //且style.left获取的是字符串，需要用parseInt()取整转化为数字。
			                                var newLeft = parseInt(list.style.left) + offset;
			                                list.style.left = newLeft + 'px';
			                                if(newLeft<-3000){
			                      				list.style.left = -600 + 'px';
			                 				}
			                 				if(newLeft>-600){
			                      				list.style.left = -3000 + 'px';
			                 				}
			                            }

			                            prev.onclick = function() {             
			                                animate(600);
			                            }
			                            next.onclick = function() {  
			                                animate(-600);
			                            }
			                        }

			                var timer;
			                function play() {
			                    timer = setInterval(function () {
			                        prev.onclick()
			                    }, 1500)
			                }
			                play();
			                var container = document.getElementById('container');

			                            function stop() {
			                                clearInterval(timer);
			                            }
			                            container.onmouseover = stop;
			                            container.onmouseout = play;
			                    	
			                    	</script>
			                    	
			                    	
			                    	
			                    	<img style="height:250px;width: 500px;" src="${pageContext.request.contextPath }${picture}"  
			                    		alt="First slide">
			                    </a>
			                    <div class="carousel-caption">${news.title}</div>
			            	</div>
			            	</s:iterator>
			            </div>
	            		<!-- 轮播（Carousel）导航 -->
			            <a class="carousel-control left" href="#myCarousel" 
			               data-slide="prev">&lsaquo;</a>
			            <a class="carousel-control right" href="#myCarousel" 
			               data-slide="next">&rsaquo;</a>
	          		</div> 
	 			</div>
					</div>
				</div>

			</div>
			
			<div id="top2">
				<p>最新资讯</p>
				<table>
					<tr>
						<td class="dt1">
							<div >
				   			 <ul>
				   			 	<s:iterator value="topicList">
				   	 				<li title="${title}" style="width: 430px;">
	 									<span class="text">
											<a href="news_findNews.action?newsid=${id}">
											${fn:substring(title,0,15)}..
											</a>
											<span class="time">
											<fmt:formatDate value="${postTime}" pattern="yyyy-MM-dd"/>
											</span>
										</span>
									</li>
	 							</s:iterator>
		                     </ul>
				   			</div>
						</td>
						<td class="dt1">
							<div >
				   			 <ul >
				   			 	<s:iterator value="topicList">
				   	 				<li title="${title}" style="width: 430px;">
				   	 					<span class="text" style="width: 320px;">
											<a href="topic_tiezi.action?id=${id}">
											【公告】${fn:substring(title,0,17)}..
											</a>  
											<img src="${pageContext.request.contextPath }/style/images/new.gif"></img>
										</span>
										<span class="time" style="width: 80px;">
											<fmt:formatDate value="${postTime}" pattern="yyyy-MM-dd"/>
										</span>
									</li>
	 							</s:iterator>
		                     </ul>
				   			</div>
						</td>
					</tr>
					<tr>
						<td class="zi1">
						<span>新&nbsp;&nbsp;闻</span>
						<span class="more">
	 						<a href="news_findAllNews.action?newsType=0">更多>></a>
	 					</span>
	 					</td>
						<td class="zi1">
						<span>公&nbsp;&nbsp;告</span>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="top3">
				<p>行业动态</p>
				<table>
					<tr>
						<td class="dt2">
							<div >
				   		<table style="margin-top: 20px;">
						<thead>
							<tr>
								<th width="24%"><em>物业公司</em></th>
								<th width="15%"><em>非常满意</em></th>
								<th width="10%"><em>满意</em></th>
								<th width="10%"><em>一般</em></th>
								<th width="13%"><em>不满意</em></th>
								<th width="20%"><em>非常不满意</em></th>
								<th width="10%"><em>得分</em></th>
							</tr>
						</thead>
						<tbody>
						<s:iterator value="reportList" status="status">
						<tr class=${status.count%2==0?'':'bg'}>
							<td valign="top" class="tab_left" title="${department.name}">
								<a href="#" style="margin-left: 5px">${department.name} </a>
							</td>
							<td class="tab_center">
								<a href="report_deal.action?type=1&id=${id}">${degree1}</a>
							</td>
							<td class="tab_center">
								<a href="report_deal.action?type=2&id=${id}">${degree2}</a>
							</td>
							<td class="tab_center">
								<a href="report_deal.action?type=3&id=${id}">${degree3}</a>
							</td>
							<td class="tab_center">
								<a href="report_deal.action?type=4&id=${id}">${degree4}</a>
							</td>
							<td class="tab_center">
								<a href="report_deal.action?type=5&id=${id}">${degree5}</a>
							</td>
							<td class="tab_center">
								<a href="#">${grade}</a>
							</td>
						</tr>
						</s:iterator>
				   		</tbody>
						</table>
				   		
				   		</div>
						</td>
						
						<td class="dt2">
							<div>
				   		<table style="margin-top: 20px;">
						<thead>
							<tr>
								<th width="37%"><em>物业公司</em></th>
								<th width="21%"><em>网上投诉</em></th>
								<th width="22%"><em>信件投诉</em></th>
							    <th width="20%"><em class="last">媒体曝光</em></th>
							</tr>
						</thead>
						<tbody>
						<s:iterator value="departmentList" status="status">
						<tr class=${status.count%2==0?'':'bg'}>
							<td valign="top" class="tab_left" title="${name}">
								<a href="#" style="margin-left: 5px">${name} </a>
							</td>
							<td class="tab_center">
								<a href="department_complainDetail.action?id=${id}">${complainCount}</a>
							</td>
							<td class="tab_center">
								<a href="#">0</a>
							</td>
							<td class="tab_center">
								<a href="#">0</a>
							</td>
						</tr>
						</s:iterator>
				   		</tbody>
						</table>
				   		
				   		</div>
						</td>
						
					</tr>
					<tr>
						<td class="zi2">
						<span>物业满意度</span>
					 		<span class="more">
					 			<a href="report_list.action">更多>></a>
					 		</span>
						</td>
						<td class="zi2">
						<span>投诉记录</span>
					 		<span class="more">
					 			<a href="department_complainList.action">更多>></a>
					 		</span>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="top4">
				<p>问题解疑</p>
				<table>
					<tr>
						<td class="dt3">
							<div >
				   			 <ul>
				   			 	<s:iterator value="doubtList">
			 						<li title="${title}" style="width: 430px;">
			 							<span class="text">
										<a href="news_findNews.action?newsid=${id}">
											${fn:substring(title,0,15)}..
										</a>
											<span class="time">
												<fmt:formatDate value="${postTime}" pattern="yyyy-MM-dd"/>
											</span>
										</span>
									</li>
			 					</s:iterator>
		                     </ul>
				   		</div>
						</td>
						<td class="dt3">
							<div >
				   			 <ul >
				   			 	<s:iterator value="policyList">
			 						<li title="${title}" style="width: 430px;">
			 							<span class="text">
										<a href="news_findNews.action?newsid=${id}">
											${fn:substring(title,0,15)}..
										</a>
										<span class="time">
											<fmt:formatDate value="${postTime}" pattern="yyyy-MM-dd"/>
										</span>
										</span>
									</li>
			 					</s:iterator>
		                     </ul>
				   		</div>
						</td>
					</tr>
					<tr>
						<td class="zi3">
						<span>常见问题</span>
					 		<span class="more">
					 			<a href="news_findAllNews.action?newsType=1">更多>></a>
					 		</span>
						</td>
						<td class="zi3">
						<span>法律政策</span>
					 		<span class="more">
					 			<a href="news_findAllNews.action?newsType=2">更多>></a>
					 		</span>
						</td>
					</tr>
				</table>
			</div>
			<center>
			<p>
					友情链接：
					<a href="https://www.baidu.com/" target="_blank" style="flood-color: black; text-decoration: none;">百度</a> | 
					<a href="http://www.sina.com.cn/" target="_blank">新浪 </a> | 
					<a href="http://www.163.com/" target="_blank">网易</a> | 
					<a href="http://www.sohu.com/" target="_blank">搜狐 </a> | 
					<a href="http://www.kaixin001.com/" target="_blank">开心网 </a> | 
					<a href="http://www.xinhuanet.com/" target="_blank">新华网</a> 
			</p>
			<hr>
			<p>欢迎访问郑州市物业服务平台！</p>
			</center>
			
		</div>
		
		
</body>
</html>
